page {
    background-color: #23262d;
}
.nav {
    width: 100%;
    height: 88rpx;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #33363D;
    .nav-left {
        text {
            font-size: 28rpx;
            color: #DFDFDF;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;  
        }
        image {
            width: 26rpx;
            height: 13rpx;
        }
    }
    .title {
        width: 72rpx;
        height: 50rpx;
        color:#fff;
        font-size: 36rpx;

    }
    .search {
        width: 27rpx;
        height: 27rpx;
    }
}
.position {
    width: 100%;
    height: 60rpx;
    background: #2C2F36;
    margin-top: 24rpx;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    image {
        width: 26rpx;
        height: 32rpx;
        margin-right: 10px;
    }
    text {
        font-size: 24rpx;
        color: #FFFFFF;
    }
}
.cinema-list {
    width: 670rpx;
    height: 292rpx;
    background: #33363D;
    border-radius: 12px;
    margin: 0 auto;
    margin-top: 16rpx;
    box-sizing: border-box;
    padding:25rpx;
   
    .vinema-Name-box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        .vinema-Name {
            font-size: 28rpx;
            color: #FFFFFF;
        }
        .price {
            font-size: 28rpx;
            color: #FBC34A;
        }
    }
}
.cinema-address-box {
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    .cinema-address {
        display: block;
        width:500rpx;
        font-size: 24rpx;
        color: #ccc;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;  
    }
    .distance{
        font-size: 24rpx;    
        color: #ccc;
    }
    
}
.movie-Discount {
    width: 100%;
    margin-top: 21rpx;
    display:flex;
    .block {
        width: 33rpx;
        height: 33rpx;
        font-size: 24rpx;
        color: #DFDFDF;
        text-align: center;
        line-height: 33rpx;
        margin-right: 18rpx;
        background-image: linear-gradient(135deg, #EB6E75 0%, #F7A653 100%);
    }
    text {
        font-size: 24rpx;
        color: #ccc;
    }

    

}
.movie-Promotion {
    width: 100%;
    margin-top: 21rpx;
    display:flex;
    .block {
        width: 33rpx;
        height: 33rpx;
        font-size: 24rpx;
        color: #DFDFDF;
        text-align: center;
        line-height: 33rpx;
        margin-right: 18rpx;
        background-image: linear-gradient(135deg, #B0469D 0%, #6148AA 100%);
    }
    text {
        font-size: 24rpx;
        color: #ccc;
    }

    

}
.movie-vip {
    width: 100%;
    margin-top: 21rpx;
    display:flex;
    .block {
        width: 33rpx;
        height: 33rpx;
        font-size: 24rpx;
        color: #DFDFDF;
        text-align: center;
        line-height: 33rpx;
        margin-right: 18rpx;
        background-image: linear-gradient(135deg, #322495 0%, #3138AC 100%);
    }
    text {
        font-size: 24rpx;
        color: #ccc;
    }

    

}